<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>好好吃商城</title>
    <link type="text/css" href="css/css.css" rel="stylesheet"/>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script src="js/wb.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            $(".vipNav dd:first").show();
        })
    </script>
</head>

<body>
<div class="mianCont" id="app">
    <div class="top">
        <span>您好！欢迎来到好好吃商城</span>
        <span class="topRight">
    <a href="index.html">好好吃</a>&nbsp;|
    <a href="order.html">我的订单</a>&nbsp;| 
    <a href="vip.html">会员中心</a>&nbsp;|
    <a href="#">联系我们</a>
   </span>
    </div><!--top/-->
    <div class="lsg">
        <h1 class="logo"><a href="index.html"><img src="img/logo.png" width="217" height="90"/></a></h1>
        <form action="#" method="get" class="subBox">
            <div class="subBoxDiv">
                <input type="text" class="subLeft" id="sub"/>
                <input type="image" id="sublert2" src="img/subimg.png" width="63" height="34" class="sub"/>
                <div class="hotWord">
                    热门搜索：
                    <a href="#">辣条</a>&nbsp;
                    <a href="#">大礼包</a> &nbsp;
                    <a href="#">手撕面包</a>&nbsp;
                    <a href="#">鸭脖</a> &nbsp;
                    <a href="#">每日坚果</a> &nbsp;
                    <a href="#">芒果干</a>&nbsp;
                </div><!--hotWord/-->
            </div><!--subBoxDiv/-->
        </form><!--subBox/-->

    </div><!--lsg/-->
    <div class="pnt">
        <div class="pntLeft">
            <h2 class="Title">所有商品分类
                <ul class="InPorNav">
                    <li><a href="product.html">镇店爆款</a>
                        <div class="chilInPorNav">
                            <a href="#" v-for="item in goods" v-if="item.type=='镇店爆款'" @click="gooou(item.id)">{{item.goodsName}}</a>
                        </div>
                    </li>
                    <li><a href="product.html">量贩专区</a>
                        <div class="chilInPorNav">
                            <a href="#" v-for="item in goods" v-if="item.type=='量贩专区'" @click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">坚果炒货</a>
                        <div class="chilInPorNav">
                            <a href="#" v-for="item in goods" v-if="item.type=='坚果炒货'" @click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">肉类卤味</a>
                        <div class="chilInPorNav" id="roulei">
                            <a href="#" v-for="item in goods" v-if="item.type=='肉类卤味'" @click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">干果蜜钳</a>
                        <div class="chilInPorNav">
                            <a href="#" v-for="item in goods" v-if="item.type=='干果蜜钳'" @click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">糕点点心</a>
                        <div class="chilInPorNav">
                            <a href="#" v-for="item in goods" v-if="item.type=='糕点点心'" @click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">方便素食</a>
                        <div class="chilInPorNav">
                            <a href="#" v-for="item in goods" v-if="item.type=='方便素食'" @click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">冲饮茶饮</a>
                        <div class="chilInPorNav">
                            <a href="#" v-for="item in goods" v-if="item.type=='冲茶茶饮'" @click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                </ul><!--InPorNav/-->
            </h2>
        </div><!--pntLeft/-->
        <div class="pntRight">
            <ul class="nav">
                <li><a href="index.html">商城首页</a></li>
                <li><a href="product.html">促销中心</a></li>
                <li><a href="vip.html">会员中心</a></li>
                <li><a href="help.html">帮助中心</a></li>
                <div class="clears"></div>
                <div class="phone">TEL：021-12345678</div>
            </ul><!--nav/-->
        </div><!--pntRight/-->
        <div class="clears"></div>
    </div><!--pnt/-->
    <div class="positions">
        当前位置：<a href="index.html">首页</a> &gt; <a href="vip.html">会员中心</a>
        &gt; <a href="#" class="posCur">我的订单</a>

    </div><!--positions/-->
    <div class="cont">

        <div class="contRight">

            <h2 class="oredrName">
                我的订单

            </h2>
            <table class="vipOrder">
                <tr v-for="item in result">
                    <td><a href="#"><img src="img/logo.png" width="150" height="55"></a></td>
                    <td>{{item.orderBean.userXh}}</td>
                    <td>总金额￥{{item.orderBean.orderMoney}}<br/>支付宝支付</td>
                    <td>{{item.orderBean.createDate}}</td>
                    <td><a href="success.html"><strong>等待付款</strong></a></td>
                    <td><a @click="look_over(item.orderBean.id)">查看</a></td>
                </tr>

            </table><!--vipOrder/-->
            <br/>
            <div class="scott">
              <!--  <span class="current">首页</span>-->
                <span class="current" @click="previous">上一页</span>
                <span class="current" @click="current">下一页</span>
               <!-- <span class="current">尾页</span>
                <span class="current">长度：<input type="text"/></span>-->
                </div>
                <br/>
            </div><!--contRight/-->
            <div class="clears"></div>
        </div><!--cont/-->
        <div class="inHelp">
            <div class="inHLeft">
                <h4>帮助中心</h4>
                <ul class="inHeList">
                    <li><a href="help.html">购物指南</a></li>
                    <li><a href="help.html">支付方式</a></li>
                    <li><a href="help.html">售后服务</a></li>
                    <li><a href="#">企业简介</a></li>
                    <div class="clears"></div>
                </ul><!--inHeList/-->
            </div><!--inHLeft/-->
            <div class="inHLeft">
                <h4>会员服务</h4>
                <ul class="inHeList">
                    <li><a href="reg.html">会员注册</a></li>
                    <li><a href="login.html">会员登录</a></li>
                    <li><a href="order.html">购物车</a></li>
                    <li><a href="order.html">我的订单</a></li>
                    <div class="clears"></div>
                </ul><!--inHeList/-->
            </div><!--inHLeft/-->
            <div class="inHRight">
                <h4>全国统一免费服务热线</h4>
                <div class="telBox">400-0000-0000</div>
                <div class="weibo">
                </div>
            </div><!--inHRight/-->
            <div class="clears"></div>
        </div><!--inHelp/-->
        <div class="footer">
            <p>
                <a href="#">进入好好吃官网</a>&nbsp;|&nbsp;
                <a href="index.html">商城首页</a>&nbsp;|&nbsp;
                <a href="product.html">促销中心</a>&nbsp;|&nbsp;
                <a href="order.html">我的订单</a>&nbsp;|&nbsp;
                <a href="#">新闻动态</a>&nbsp;|&nbsp;
                <a href="login.html">会员中心</a>&nbsp;|&nbsp;
                <a href="help.html">帮助中心</a>
            </p>
            <p>
                版权所有：好好吃有限公司 版权所有 Copyright 2010-2015 ICP备00000000号
            </p>
        </div><!--footer/-->
    </div>
</div><!--mianCont/-->
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/http.js"></script>
<script type="text/javascript">
    var app = new Vue({
        el: "#app",
        data: {
            goods: [],
            dod: [],
            result:[],
            c:0

        },
        methods: {
            previous(){

                if ((app.c)==0){
                    return
                }else {
                    (app.c)--
                    app.result=page(app.dod,app.c,10)
                }


            },
            current(){
                if(((app.c)+1)*10>app.dod.length){
                    return
                }else{
                (app.c)++
                app.result=page(app.dod,app.c,10)
                }
            },
            gooou(id) {
                $.cookie('name', id, {path: '/proinfo.html'});
                $(window).attr('location', 'proinfo.html');

            },
         look_over(id){
          $.cookie('look_id', id, {path: '/orderDetails.html'});
          $(window).attr('location', 'orderDetails.html');
         }
        }
    })

    $(document).ready(function () {

        $.ajax({
            url: config.GOODS_GETALL,
            type: "post",
            dataType: "json",
            data: {},
            success: function (data) {
                app.goods = data.data

            }
        })
     name = $.cookie('name');

     $.ajax({
      url: config.ORDER_GETALL,
      type: "post",
      dataType: "json",
      data: {
       "userXh":name

      },
      success: function (data) {
       app.dod = data.data
          app.result=page(app.dod,app.c,10)
          console.log(app.result)

      }
     })


    })


    $('#sublert2').click(function () {//搜索框

//通过ID查询商品
        $.ajax({
            url: config.GOODS_GETALL,
            type: "post",
            dataType: "json",
            data: {
                "value": $("#sub").val()
            },
            success: function (data) {

                if (data.data == "") {
                    alert("没有此商品")
                } else {
                    var id = data.data[0].id;

                    $.cookie('name', id, {path: '/proinfo.html'});
                    $(window).attr('location', 'proinfo.html');
                }
            }
        })
    })


</script>
</body>
</html>